<template>
	<view class="page-box">
		<image class="guide-image" mode="aspectFill" @click="gotoHome"></image>
		<!-- <image v-else-if="step === 2" class="guide-image-2" mode="aspectFill" @click="step = 3"></image>
		<image v-else-if="step === 3" class="guide-image-3" mode="aspectFill" @click="gotoHome"></image> -->
	</view>
</template>

<script>
export default {
	name: 'guide',
	data() {
		return {
			step: 1,
		};
	},
	//方法
	methods: {
		gotoHome() {
			uni.reLaunch({
				url: '/pages/home/home/home'
			});
		}
	}
};
</script>
<style lang="scss" scoped>
.page-box {
	background-color: $bg-color;
	align-items: center;
}
.guide-image, .guide-image-1, .guide-image-2, .guide-image-3 {
	width: 100%;
	flex-grow: 1;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top center;
}
.guide-image {
	background-image: url('https://media10.pysfeicui.com/guide.jpg');
}
.guide-image-1 {
	background-image: url('https://media10.pysfeicui.com/guide1.png');
}
.guide-image-2 {
	background-image: url('https://media10.pysfeicui.com/guide2.png');
}
.guide-image-3 {
	background-image: url('https://media10.pysfeicui.com/guide3.png');
}
</style>
